<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>华为帐号-登录</title>
    <link rel="icon" href="../images/logo/huawei.ico" />
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <!-- --华为登录注册页面 -->
    <!-- ---页面主体框架 -->
    <div class="login-frame">
        <div class="header-bg">
            <div class="header">
                <!-- ---头部区域----- -->
                <h1 class="logo">
                    <img src="../images/logo/HUAWEI.svg" alt="HUAWEI">
                </h1>
                <h1 class="line1-y">|</h1>
                <h1 class="text">华为商城</h1>
            </div>
        </div>
        <!-- ---------------------- -->
        <!-- ------中部登录内容 -->
        <div class="center">
            <!-- 登录部分 -->
            <div class="center1">
                <!-- ------标题 -->
                <div class="title1">
                    <span>华为帐号登录</span>
                </div>
                <div class="login-content">
                    <!-- 二维码区域 -->
                    <div class="left">
                        <div class="ewm">
                            <img width="160" height="160" src="../images/login/erweima.png" alt="二维码">
                        </div>
                        <div class="method">
                            <span>若您使用华为手机，请进入“设置”>“华为帐号”扫码登录。</span>
                        </div>
                    </div>
                    <!-- 竖线 -->
                    <div class="line2-y"></div>
                    <!-- 登录区域 -->
                    <div class="right">
                        <form>
                            <!-- 错误提示 -->
                            <div class="fail">
                                <div class="flex-2">
                                    <span class="erro"></span>
                                    <span class="redtext">账号或密码输入错误</span>
                                </div>
                            </div>
                            <!-- 帐号 -->
                            <div class="username">
                                <input class="put put-0" id="name" type="text" name="username" placeholder="用户名/手机号">
                            </div>
                            <!-- 密码 -->
                            <div class="userpass">
                                <input class="put put-1" id="pass" type="password" name="userpass" placeholder="密码">
                                <!-- 显示隐藏密码图标 -->
                                <span class="eye eye1"></span>
                                <span class="eye eye2"></span>
                            </div>
                        </form>
                        <!-- 7天免登录 -->
                        <div class="nologin">
                            <input class="login-checkbox" type="checkbox">
                            <span>一周内免登录</span>
                        </div>
                        <!-- 登录 -->
                        <div class="dlu">
                            <div class="button">
                                <span style="color: #fff;">登录</span>
                            </div>
                        </div>
                        <!-- 注册页面跳转 -->
                        <div class="newpage">
                            <div class="mouse" id="regist">注册</div>
                            <div style="border-left: 1px solid rgba(0,0,0,0.1);" class="mouse wangji">忘记密码</div>
                            <div style="border-left: 1px solid rgba(0,0,0,0.1);" class="mouse problem">遇到问题</div>
                        </div>
                        <!-- 其他方式登录 -->
                        <div class="other">
                            <div class="same qq"></div>
                            <div class="same apply"></div>
                            <div class="same weixin"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ----------------------- -->
            <!-- ----底部区域------ -->
            <div class="footer">
                <div class="xieyi">华为帐号用户协议&nbsp;&nbsp;|&nbsp;&nbsp; 关于华为帐号与隐私的声明&nbsp;&nbsp;|&nbsp;&nbsp;
                    常见问题&nbsp;&nbsp;|&nbsp;&nbsp; Cookies</div>
                <div class="banquan">华为帐号 版权所有 © 2011-2022</div>
            </div>
        </div>
</body>

</html>
<script src="../js/jquery.js"></script>
<script src="../js/login.js"></script>
<script src="../js/tools.js"></script>